<template>
  <div id="app">
    <div class="main">
      <ZCCButton :disabled="true" ref="testBtn">按钮</ZCCButton>
      <ZCCButton size="large" type="warning" plain="true">按钮</ZCCButton>
      <ZCCButton size="small" type="text">按钮</ZCCButton>
    </div>
  </div>
</template>

<script setup>
import ZCCButton from "../components/Button.vue";
import { ref, onMounted } from "vue";
const testBtn = ref(null);
console.log(testBtn.value);
onMounted(() => {
  console.log(testBtn.value);
});
</script>

<style>
.main {
  display: flex;
  gap: 10px;
}
</style>
